<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-01 11:52:50
 * @LastEditors: charles
 * @LastEditTime: 2021-08-01 14:08:13
-->
<template>
  <div class="content">
    <div class="wrapper">
      <div class="title1">联系我们</div>
      <div class="info">欢迎来到行学天下。</div>
      <div class="info">关于行学天下的使用问题、改进建议，或举报不良信息，请点击每个网页右下角：意见反馈。</div>
      <div class="title2">热线服务</div>
      <div class="info">行学天下客服：国内 4006-345-678 海外 +86-10-8341-6888</div>
      <div class="title2">服务邮箱</div>
      <div class="info">行学天下广告部：AD@mafengwo.com</div>
      <div class="info">行学天下商城商务合作：sales-cooperation@mafengwo.com (如需申请入驻行学天下旅行商城,请在线提交申请:http://www.mafengwo.cn/sales/alliance.php)</div>
      <div class="info">行学天下内容及流量合作：hezuo@mafengwo.com （邮件请注明“内容合作”或“流量合作”）</div>
      <div class="info">行学天下品牌市场部：pr@mafengwo.com</div>
      <div class="info">酒店及OTA合作：hotel@mafengwo.com（如需申请入驻行学天下酒店，请在线提交申请https://w.mafengwo.cn/hotel_open_platform/#/register/welcome）</div>
    </div>
  </div>
</template>


<style scoped lang='scss'>
.content{
  width: 100%;
  height: 1000px;
  padding: 14px 0;
  //background-color: aquamarine;

  .wrapper{
    width: 85%;
    height: 359px;
    //background-color: beige;

    .title1{
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 1em;
    }

    .info{
      line-height: 2em;
    }

    .title2{
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 1em;
    }
  }
}
</style>